<template>
  <view class="wcb-page">
    <view class="wcb-title-sm">开放的城市</view>
    <view class="wcb-box-sm">
      <view class="wcb-box-sm-item" v-for="(item,idx) in cities">{{item.name}}</view>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      cities:[]
    };
  },
  onLoad() {
    this.cities = [{code:1,name:'广州市'},{code:1,name:'佛山市'},{code:1,name:'深圳市'},{code:1,name:'东莞市'},{code:1,name:'珠海市'}]
  },
}
</script>

<style lang="scss">
  .wcb-page{
    padding: 30rpx;
    .wcb-title-sm{
      color: #777777;
      font-size: 24rpx;
      margin-bottom: 20rpx;
    }
    .wcb-box-sm{
      display: flex;
      flex-wrap: wrap;
      .wcb-box-sm-item{
        background: #FFFFFF;
        padding: 16rpx;
        font-size: 24rpx;
        margin: 16rpx;
      }
    }
  }

</style>
